<!DOCTYPE html>
<html>
 
	<head>
		<meta charset="utf-8">
		<title>index</title>
		<meta name="referrer" content="never" />
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../../../css/mui.min.css">
		<link rel="stylesheet" href="../../static/components/components.css" />
		<link rel="stylesheet" href="../../static/css/common.css">
		<link rel="stylesheet" type="text/css" href="../../../../css/preview.css" />
		<link rel="stylesheet" type="text/css" href="../../../../css/mui.picker.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../../css/mui.poppicker.css" />
		<link rel="stylesheet" type="text/css" href="../../../../css/mui.picker.css" />
		<style>
		#list div{
			font-size: 12px !important;
		}
		.flex-between{
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		.textall{
			margin-left: 10px;
			text-align: center;
			color: #275EB1;
			font-weight: bold;
			font-size: 4.5vw;
		}
		.label1{
			width: 40vw;
		}
		#n-ipt{
			margin: 0;
			padding: 0;
			width: 40vw;
			height: 25px;
			line-height: 25px;
		}
		textarea{
		 width: 55vw;
			 height: 70px;
			 padding: 5px;
			 margin-left: 5px;
		}
		.top-line{
			width: 100%;
			box-sizing: border;
			padding:5px 19px;
			background-color: #fff;
			margin-bottom: 10px;
		}
			.mui-bar-nav ~ .mui-content .mui-pull-top-pocket{
				top:180px !important;
			}
			.label{
				width: 18vw;
				white-space: nowrap;
			}
			.add-label{
				width: 35vw;
			}
			.item-title{
			width: 20vw;
			}
			.list-head{
				width: 94vw;
				margin-left: 3vw;
				background-color: #fff;
				padding: 10px;
				margin-bottom: 10px;
			}
			.myheigth {
				height: 9vw;
			}
			.list button{
				margin: 0 !important;
				padding: 0 4vw !important;
			}
			.selsect-box{
				margin-left: 5px;
				width: 45vw;
				height: 30px;
				border: 1px solid #999;
				line-height: 30px;
				box-sizing: border-box;
				padding-left: 5px;
			}
			#left_ipt{
				width: 25vw;
				height: 30px;
				line-height: 30px;
				margin-bottom: 0;
				margin-left: 5px;
				padding: 0 5px;
				border: 1px solid #999;
			}
			#editTime{
				width: 22vw;
				height: 25px;
				line-height: 25px;
				margin-bottom: 0;
				margin-left: 5px;
				padding: 0 5px;
				border: 1px solid #999;
				font-size: 3vw;
			}
			.l_content{
				max-width: 20vw;
			white-space: nowrap;
			}
		</style>
	</head>
	<body>

		<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">日报</h1>
		</header>
		<div class="mui-content" id="content" v-cloak>
			<div class="flex-row" style="background-color: #fff;padding: 10px 5px;box-sizing: border-box;">
					<div class="selsect-box" @click="choosedoTime" style="width: 25vw;" :style="doDate == ''? 'color:#999;':''"/>{{doDate || '请选择时间'}}</div>
					<div v-if="role == 'total'" class="selsect-box" @click="showCompanyList" style="width: 30vw;" :style="companyName == ''? 'color:#999;':''">{{companyName || '请选择分公司'}}</div>
					<input  v-if="role == 'company' || role == 'total'" id="left_ipt" placeholder="请输入场站"  v-model="stationCode" maxlength="60"/>

					<div class="textall">
						<span  @click="changeStatus('RSP')" v-if="status == 'RWP'">风电</span>
						<span  @click="changeStatus('RWP')" v-if="status == 'RSP'">光伏</span>
					</div>
			</div>
			<div style="position: sticky;top: 45px;z-index: 11;" class="flex-between list-head mt-10">
				<div class="flex-row" style="font-weight: bold;">
					<div class="icon"></div>
					列表
				</div>
				<button @tap="getList" class="submit_btn" style="margin: 0 !important;padding: 0 4vw !important;">查询</button>
			</div>
			<div id="scroll">
				<div class="list" id="list">
					<div v-for="(item,index) in list" :key="index">
						<div class="flex-between">
							<div>
								<div class="flex-row mt-10"> 
									<div>公司名称:</div>
									<div>{{companyName}}</div>
								</div>
								<div class="flex-row mt-10">
									<div>场站名称:</div>
									<div>{{item.stationName}}</div>
								</div>
							</div>
							<button @click="look(item)" class="cancel_btn">查看</button>
						</div>
						<div class="flex-row mt-10">
						  <div class="flex-row" style="width: 33%;">	
							<div>设计容量(万KW)：{{item.planCap || '-'}}</div>
						  </div>	
						  <div class="flex-row" style="width: 33%;">	
							<div>安装容量(万KW)：{{item.planCap || '-'}}</div>
						  </div>
						<div class="flex-row" style="width: 33%;">	
							<div>并网容量(万KW)：{{item.webCap || '-'}}</div>
						  </div>													  
						</div>
						<div class="flex-row mt-10">
						  <div class="flex-row" style="width: 33%;">	
							<div>运行台数：{{item.runCount || '-'}}</div>
						  </div>	
						  <div class="flex-row" style="width: 33%;">	
							<div>停机台数：{{item.stopCount || '-'}}</div>
						  </div>
						<div class="flex-row" style="width: 33%;">	
							<div>天气情况：{{item.weatherName || '-'}}</div>
						  </div>													  
						</div>
						<div class="flex-row mt-10">
						  <div class="flex-row" style="width: 33%;">	
							
							<span v-if="status == 'RWP'">平均风速：{{item.dayWindMonth || '-'}}</span>
							<span v-if="status == 'RSP'">日照累计辐射量：{{item.dayWindSun || '-'}}</span>
						  </div>	
						  <div class="flex-row" style="width: 33%;">	
							日上网电量(万KW)：{{item.dayUp || '-'}}
						  </div>
						  <div class="flex-row" style="width: 33%;">	
							日限电损失(万KW)：{{item.dayLimit || '-'}}
						  </div>													  
						</div>
						<div class="flex-row mt-10">
						  <div class="flex-row" style="width: 33%;">	
							月计划上网电量(万KW)：{{item.monthPlanUp || '-'}}
						  </div>	
						  <div class="flex-row" style="width: 33%;">	
							月累计上网电量(万KW)：{{item.monthUp || '-'}}
						  </div>
						  <div class="flex-row" style="width: 33%;">	
							月计划电量完成率：{{item.monthUpRate || '-'}}
						  </div>													  
						</div>
						<div class="flex-row mt-10">
						  <div class="flex-row" style="width: 33%;">	
							年计划上网电量(万KW)：{{item.yearPlanUp || '-'}}
						  </div>	
						  <div class="flex-row" style="width: 33%;">	
							年累计上网电量(万KW)：{{item.yearUp || '-'}}
						  </div>
						  <div class="flex-row" style="width: 33%;">	
							年计划电量完成率：{{item.yearUpRate || '-'}}
						  </div>													  
						</div>
						<div class="flex-row mt-10">
						  <div class="flex-row" style="width: 33%;">	
							年利用小时数(小时)：{{item.yearHour || '-'}}
						  </div>	
						  <div class="flex-row" style="width: 33%;">	
							当日故障损失电量(万KW)：{{item.dayFault || '-'}}
						  </div>
						  <div class="flex-row" style="width: 33%;">	
							月累计故障损失电量(万KW)：{{item.monthFault || '-'}}
						  </div>													  
						</div>
						<div class="flex-row mt-10">
						  <div class="flex-row" style="width: 33%;">	
							年累计故障损失电量(万KW)：{{item.yearFault || '-'}}
						  </div>	
						  <div class="flex-row" style="width: 33%;">	
							月限电损失(万KW)：{{item.monthLimit || '-'}}
						  </div>
						  <div class="flex-row" style="width: 33%;">	
							年限电损失(万KW)：{{item.yearLimit || '-'}}
						  </div>													  
						</div>
						<div class="flex-row mt-10">
						  <div class="flex-row" style="width: 33%;">	
							日限电率：{{item.dayLimitRate || '-'}}
						  </div>	
						  <div class="flex-row" style="width: 33%;">	
							月限电率：{{item.monthLimitRate || '-'}}
						  </div>
						  <div class="flex-row" style="width: 33%;">	
							年限电率：{{item.yearLimitRate || '-'}}
						  </div>													  
						</div>
						<div class="flex-row mt-10">
						  <div class="flex-row" style="width: 33%;">	
							<span v-if="status == 'RWP'">月平均风速：</span>
							<span v-if="status == 'RSP'">月累计辐照亮 ：</span>
							{{item.monthWindSun || '-'}}
						  </div>	
						  <div class="flex-row" style="width: 33%;">	
						  <span v-if="status == 'RWP'">年平均风速：</span>
						  <span v-if="status == 'RSP'">年累计辐照量 ：</span>
							<span>{{item.yearWindSun || '-'}}</span>
						  </div>												  
						</div>
					</div>
					<div v-if="list.length == 0">暂无数据</div>
				</div>
			</div>
			
			<!-- 新增 -->
		<div class="popup-bg" v-if="showForm">				
				<div style="postion:relative;width:95vw;max-height: 80vh;padding: 15px 15px 0px;overflow: scroll;" class="add-box" @click@tap.stop="clickStop">
				  <div>	
					<div class="flex-row mt-10">
						<div class="flex-row" style="width: 50%;">
							<div>项目名称：</div>
							<div>{{formData.projectName || '-'}}</div>
						</div>
						<div class="flex-row" style="width: 50%;">
							<div>发电量：</div>
							<div>{{formData.dayPower || '-'}}</div>
						</div>
					</div>
				  </div>
					  <div>
						<div class="flex-row mt-10">
							<div class="flex-row" style="width: 50%;">
								<div>上网电量：</div>
								<div>{{formData.dayUp || '-'}}</div>
							</div>
							<div class="flex-row" style="width: 50%;">
								<div>下网电量：</div>
								<div>{{formData.dayDown || '-'}}</div>
							</div>
						</div>
						<div class="flex-row mt-10">
							<div class="flex-row" style="width: 50%;">
								<div>场用电量：</div>
								<div>{{formData.dayField || '-'}}</div>
							</div>
							<div class="flex-row" style="width: 50%;">
								<div>限电损失电量：</div>
								<div>{{formData.dayLimit || '-'}}</div>
							</div>
						</div>
						<div class="flex-row mt-10">
							<div class="flex-row" style="width: 50%;">
								<div>故障损失电量：</div>
								<div>{{formData.dayFault || '-'}}</div>
							</div>
							<div class="flex-row" style="width: 50%;">
								<div>受累损失电量：</div>
								<div>{{formData.dayInjury || '-'}}</div>
							</div>
						</div>
						<div class="flex-row mt-10">
							<div class="flex-row" style="width: 50%;">
								<span v-if="status == 'RWP'">平均风速：</span>
								<span v-if="status == 'RSP'">日照累计辐射量：</span>
								<span>{{formData.dayWindSun || '-'}}</span>
							</div>
						</div>
					  </div>
					<div>
					
					<div class="pop-bottom">
						<button class="cancel_btn" @click="showForm = false">关闭</div>
					</div>
				</div>
			</div>
		
		</div>
		<script src="../../../../js/mui.min.js"></script>
		<script src="../../../../js/vue.js"></script>
		<script src="../../static/js/neiosCommon.js"></script>  <!--公共js页面必需-->
		<script src="../../static/components/personSelect.js"></script>
		<!--人员查询组件-->
		<script type="text/javascript" src="../../static/js/neiosRequst.js"></script>
		<script type="text/javascript" src="../../../../js/jquery-3.2.1.min.js"></script>
		<script src="../../static/components/processLog.js"></script>  <!--流程日志-->
		<script src="../../../../js/mui.picker.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../../js/mui.poppicker.js"></script>
		<script src="../../../../js/mui.picker.min.js"></script>
		<script src="../../../../js/mui.dtpicker.js"></script>
		<script src="./dailyReaport.js"></script>
	</body>

</html>
